/*全局设置*/
.didi_topLogo{
    width: 430px;
}
.logo_img{
    position: relative;
    top: -20px;
}
.titleColor{
    color: #001A33;
}
.titleSize{
    font-size: 18px;
}
.subTitleColor{
    color: rgb(107, 107, 107);
}
.subTitleSize{
    font-size: 16px;
}
.contentSize{
    font-size: 14px;
}
.contentColor{
    color:#7D7D7D
}
.tipsSize{
    font-size: 12px;
}
.tipsColor{
    color:#E3E3E3
}
.didiMenuColorHover{
    color:#ee2e2c;
}
*, html, body {
    padding: 0;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}

ul, ol, li {
    list-style: none;
}
.color-link {
    color: #3388ff;
}
a {
    text-decoration: none;
    color: #3388ff;
}

a:hover {
    color: #e60012;
}

.marginTop10{
    margin-top:10px;
}

.borderRadius5{
    border-radius: 5px;
}
.colorRed{
    color: #ee2e2c;
}

h3 {
    font-size: 14px;
}

em, i {
    font-style: normal;
}

body {
    font-size: 12px;
    color: #001A33;
}

.flex {
    /* 设置弹性布局 */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-1 {
    /* 子元素自动占据剩余的空间 */
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-2 {
    /* 子元素自动占据剩余的空间 */
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.flex-pack-center {
    /* 水平布局下的子元素 水平居中 */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-align-center {
    /* 水平布局下的子元素 垂直居中 */
    -webkit-box-align: center; /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-align-items: center; /* Chrome 21+ */
    -ms-flex-align: center; /* WP IE 10 */
    align-items: center; /* android 4.4 */
}

.flex-pack-justify {
    /* 水平布局下的子元素 2端对齐 */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/*input:checkbox*/
.inputcheckbox {
    background: url(/Images/inputcheckbox.png) no-repeat;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    height: 20px;
    width: 15px;
    position: relative;
    top: 5px;
    cursor: pointer;
}

    .inputcheckbox:checked {
        background: url(/Images/inputcheckbox1.png) no-repeat;
    }

.inputradio {
    background: url(/Images/inputradio.png) no-repeat;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    height: 20px;
    width: 15px;
    position: relative;
    top: 8px !important;
    cursor: pointer;
    box-shadow: none !important;
}

    .inputradio:checked {
        background: url(/Images/inputradio1.png) no-repeat;
    }


/*首页头部*/

.didi_nav {
    width: 100%;
    height: 32px;
    background: #f8f8f8 url(bg_gray.png) center;
    line-height: 28px;
    border-bottom: 1px dashed #ddd;
}

.didi_nav a {
    color: #666;
}

.didi_nav .didi_navContainter {


    font-size: 12px;
    max-width: 1200px;
    margin: 0 auto;
    line-height: 32px;
}

.didi_nav .didi_navContainter .didi_navbar_right .didi_navbar-text {
    float: left;
    margin-left: 20px;
}

.didi_nav .didi_navContainter .didi_navbar_right .didi_nav_login {
    display: none;
}

.didi_nav .didi_navContainter .didi_navbar_right .didi_nav_userCenter .didi_navlogo {
    position: relative;
    vertical-align: middle;
    top: -3px;
    margin-right: 10px;
}

.didi_nav .didi_navContainter .didi_navbar_right .didi_nav_message .didi_messageNum {
    color: #e51624;
}



.xc_nav_helpCenter {
    position: relative;
    padding: 0 !important;
}

.xc_nav_helpCenter .helpCenterTip {
    font-size: 14px;
    text-align: center;
    display: none;
    position: absolute;
    left: -15px;
    top: 20px;
    background-size: 100%;
    z-index: 99999999;
}

.xc_nav_helpCenter .helpCenterTip ul li {
    width: 142px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
    color: #666;
}

.xc_nav_helpCenter .helpCenterTip ul li:hover {
    color: #e51624;
    -webkit-animation-name: myanimate;
    -moz-animation-name: myanimate;
    -o-animation-name: myanimate;
    animation-name: myanimate;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
}


.xc_nav_helpCenter:hover .helpCenterTip,.helpCenterTip:hover {
    display: block;
}


@keyframes myanimate {
    50% {
        margin-left: 6px;
    }

    100% {
        margin-left: 0px;
    }
}

/*top*/
.didi_top {
    max-width: 1200px;
    width: 98%;
    margin: 0 auto;
    height: 90px;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:1400px){
    .didi_top {
        /*height: 120px;*/
    }
}

.didi_top .didi_topLogo {
        float: left;
    }

.didi_top .didi_topnav {
    float: left;
    height: 30px;
    margin-top: 30px;
    position: relative;
    z-index: 1899;
}
.didi_top .didi_topnav .didi_topnavLi:hover>a{
    color: #fff;
    background-color: #ee2e2c;
}
.didi_top .didi_topnav .didi_topnavLi {
    float: left;
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
    position: relative;
}

@-webkit-keyframes bounce-down1 {
    50% {-webkit-transform: translateY(-1px);}
    0%, 100% {-webkit-transform: translateY(0);}
}

@keyframes bounce-down1 {
    50% {transform: translateY(-1px);}
    0%, 100% {transform: translateY(0);}
}

.didi_topnavLi .animate-bounce-down {
    width: 20px;
    position: absolute;
    right: 11px;
    top: -6px;
    -webkit-animation: bounce-down1 0.7s linear infinite;
    animation: bounce-down1 0.7s linear infinite;
}

.didi_topnavLi:hover .animate-bounce-down {
    display: none;
}

.didi_topnavLi .animate-bounce-down1 {
    display: none;
}

.didi_topnavLi:hover .animate-bounce-down1 {
    width: 20px;
    position: absolute;
    right: 20px;
    top: -2px;
    -webkit-animation: bounce-down1 0.7s linear infinite;
    animation: bounce-down1 0.7s linear infinite;
    display: block;
}

.didi_top .didi_topnav .didi_topnavLi i{
    font-size: 10px;
    padding-left: 5px;
}
.didi_top .didi_topnav .didi_topnavLi:hover i:before{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition-duration: 1s;
}

.didi_top .didi_topnav .didi_topnavLi a {
    padding: 5px 10px;
    color: #001A33;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.didi_top .didi_topnav .didi_active>a {
    color: #fff;
    background-color: #ee2e2c;
}


.login-box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dfdfdf;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    width: 400px;
    height: 400px;
}

.login-box-top {
    border-bottom: 1px solid #dfdfdf;
    color: #323232;
    font-size: 24px;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 36px;
    width: 328px;
}

.login-box-rom {
    height: auto;
    margin: 20px auto 22px;
    overflow: hidden;
    width: 328px;
}

.login-box-item {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    position: relative;
}


.login-box-item span {
    display: none;
}

.login-box-item input {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #e9ede8;
    border-radius: 5px;
    color: black;
    float: left;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    outline: medium none;
    padding-left: 38px;
    vertical-align: middle;
    width: 288px;
}

.login-box-item i {
    display: inline-block;
    height: 36px;
    margin-left: 4px;
    margin-right: 8px;
    vertical-align: middle;
    width: 100px;
}

.login-box-item b {
    color: #8c8c8c;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    height: 36px;
    line-height: 18px;
    vertical-align: top;
    width: 48px;
}


.login-box-item-vcode {
    border: 1px solid #dfdfdf;
    color: #8c8c8c !important;
    height: 34px !important;
    line-height: 34px !important;
    width: 146px !important;
}

.login-box-item em {
    color: #2c65b7;
    font-style: normal;
}

.login-box-btn {
    height: 38px;
    line-height: 37px;
    text-align: left;
    width: 100%;
}

.login-box-btn input {
    background: red none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    height: 38px;
    line-height: 37px;
    margin-right: 20px;
    outline: medium none;
    text-align: center;
    width: 40%;
}

.login-box-item-account input:focus {
    border: 1px solid #e9ede8 !important;
}


.contactMain {
    width: 87px;
    height: 261px;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 20;
    top: 250px;
    right: 0px;
    transition: all .3s ease;
    background: url(/Images/contact.png);
}

.launchBtn {
    width: 90px;
    height: 60px;
    cursor: pointer;
    margin: 98px 0px 0px 0px;
    z-index: 30;
}

.contactMain .toTop {
    margin: 60px 0px 0px 0px;
    height: 40px;
}

.login-dialog {
    border: 6px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: none !important;
}
.layui-layer-title {
    font-weight: 600;
}
.login-dialog .layui-layer-title {
    background-color: #f7f7f7;
    border-radius: 2px 2px 0 0;
    color: #2f2f2f;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
}

@keyframes redpacket {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    75% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.redpack_animation {
    animation-name: redpacket;
    animation-duration: 0.2s;
    animation-iteration-count: infinite;
}
.list_link
{
	position:absolute;
	top:22px;
	left:0;
	padding-top:12px;
	display:none;
	z-index:99;
	background: url("/static/images/helpCenter_bg.png") no-repeat;
	max-width: 220px;
	height: 165px;
}
.list_link a
{
	color:#01AAED!important;
    width: 94%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 10px;
}

.list_link a:hover{
    color:#ee2e2c !important;
}
.indlistzc .part .links a:hover,.indlistzc .part .links label:hover
{
    cursor: pointer;
	color:red;
}
.list_link li
{
    width: 98%;
	line-height:24px; 
}
 
.add_category
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index: 99999;
}
.name
{
	max-width: 250px;
    text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    margin-bottom: 6px;
}

/*底部*/

/* 閫変腑鏂囨湰棰滆壊 */
::selection{background: #d8edff;text-shadow: none;color: #16325c; }

/* (MOD)iconfont*/

@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=14796115702371'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=147961157023711#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?t=14796115702371') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf?t=14796115702371') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=14796115702371#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0px;-moz-osx-font-smoothing: grayscale;color: #9cacbb;}
.icon-lock:before { content: "\e60f"; }
.icon-refresh:before { content: "\e61e"; }
.icon-hot:before { content: "\e646"; }
.icon-time:before { content: "\e77a"; }
.icon-views:before { content: "\e643"; }
.icon-viewsFill:before { content: "\e622"; }
.icon-invite:before { content: "\e614"; }
.icon-edit:before { content: "\e733"; }
.icon-thank:before { content: "\e679"; }
.icon-collect:before { content: "\e649"; }
.icon-recommend:before { content: "\e630"; }
.icon-follow:before { content: "\e60e"; }
.icon-comment:before { content: "\e63b"; }
.icon-commentFill:before { content: "\e64a"; }
.icon-agree:before { content: "\e794"; }
.icon-agreeFill:before { content: "\e676"; }
.icon-columnFill:before { content: "\e629"; }
.icon-cityFill:before { content: "\e6df"; }
.icon-followuserFill:before { content: "\e6d6"; color: #33bce7;}
.icon-link:before { content: "\e6bc"; }
.icon-topic:before { content: "\e686"; }
.icon-vip:before { content: "\e6be"; }
.icon-left:before { content: "\e6e0"; }
.icon-right:before { content: "\e6e1"; }
.icon-weixin:before { content: "\e63c"; }

.icon-user_service:before { content: "\e61d"; }
.icon-approve:before { content: "\e621"; }
.icon-money:before { content: "\e604"; }
.icon-moneyFill:before { content: "\e600"; }
.icon-red:before { content: "\e615"; }
.icon-redFill:before { content: "\e6bd"; }
.icon-empty:before { content: "\e62b"; }
.icon-report:before { content: "\e606"; }

.icon-exploreCircle:before { content: "\e685"; color: #5698da;}
.icon-articleCircle:before { content: "\e6b6"; color: #b08ac8;}
.icon-questionCircle:before { content: "\e631"; color: #ec5a12;}
.icon-topicCircle:before { content: "\e613"; color: #dc6e53;}
.icon-eventCircle:before { content: "\e716"; color: #f3a343;}
.icon-siteCircle:before { content: "\e612"; color: #1296db;}
.icon-rewardCircle:before { content: "\e6af"; color: #ec5a12;}
.icon-mailCircle:before { content: "\e721"; color: #fe8f60;}
.icon-shareCircle:before { content: "\e69c"; }
.icon-messageCircle:before { content: "\e6b3"; }
.icon-publishCircle:before { content: "\e628"; }
.icon-followCircle:before { content: "\e61c"; }
.icon-addCircle:before { content: "\e707"; color: #5a95dd;}
.icon-adduser:before { content: "\e7cc"; color: #5a95dd;}

.icon-badge_a:before { content: "\e795"; color: #ff9500;}
.icon-badge_b:before { content: "\e645"; color: #1296db;}

.icon-seowhy:before { content: "\e60a"; }
.icon-seowhyFill:before { content: "\e60b"; }

.icon-f1:before { content: "\e65b"; }
.icon-f4:before { content: "\e661"; }
.icon-f3:before { content: "\e602"; }
.icon-f2:before { content: "\e673"; }

/*缂栬緫鍣╥con*/
.icon-EditorUnderline:before { content: "\e72b"; }
.icon-EditorStrikethrough:before { content: "\e729"; }
.icon-EditorRichtextnumberedlist:before { content: "\e71b"; }
.icon-EditorRichtextbulletedlist:before { content: "\e71a"; }
.icon-EditorRemove_link:before { content: "\e718"; }
.icon-EditorLink:before { content: "\e701"; }
.icon-EditorRemove_formatting:before { content: "\e717"; }
.icon-EditorQuotation_marks:before { content: "\e715"; }
.icon-EditorItalic:before { content: "\e6f8"; }
.icon-EditorInsert_tag_field:before { content: "\e6f7"; }
.icon-EditorImage:before { content: "\e6f5"; }
.icon-EditorExpand:before { content: "\e6ed"; }
.icon-EditorBold:before { content: "\e6d9"; }
.icon-EditorAttach:before { content: "\e6d8"; }

/* 闄勫姞淇℃伅绫籭con */
.icon-improveProfile:before { content: "\e6ca"; }
.icon-uploadAvatar:before { content: "\e6a7"; }
.icon-answerQuestion:before { content: "\e674"; }
.icon-followTopic:before { content: "\e6a8"; }

.icon-quickAnswer:before { content: "\e62c"; color: #3982f5;}
.icon-sameAak:before { content: "\e611"; color: #2a6;}

/* 鐢ㄦ埛椤甸潰 */
.icon-userCity:before { content: "\e6c0"; }
.icon-userJoin:before { content: "\e6c4"; }
.icon-userViews:before { content: "\e6b7"; }

/* menu icon */
.icon-menuFollow:before { content: "\e6c5"; }
.icon-menuPublish:before { content: "\e7ab"; }
.icon-menuInvite:before { content: "\e671"; }
.icon-menuCollect:before { content: "\e6b1"; }

/* 鏀粯鏂瑰紡 */
.icon-payAlipay:before { content: "\e675"; }
.icon-payWechat:before { content: "\e603"; }
.icon-paySeowhy:before { content: "\e651"; }

.icon-edit, .icon-fenxiang, .icon-follow, .icon-comment, .icon-invite, .icon-report, .icon-collect, .icon-refresh{vertical-align: -2px;margin-right: 2px;}
.icon-badge_a, .icon-badge_b{vertical-align: -3px;font-size: 18px;}
.icon-weixin{margin-right: 2px;}
.icon-vip{font-size: 18px;vertical-align: -5px;color: #fff;position: absolute;bottom: -5px;right: -5px;border:2px solid #fff;border-radius: 50%;width: 22px;height: 22px;}
.icon-vip:before {background-color: #7dc37d;border-radius: 50%;}
.timeline-item .icon-vip{top: 32px;left: 30px;}
.aw-feed-list .meta i.icon-agree,.aw-feed-list .meta i.icon-agreeFill{vertical-align: -1px;margin-right: 2px;}

.icon-f1, .icon-f2, .icon-f3, .icon-f4{font-size: 20px;color: #333;}
.icon-seowhy{font-size: 18px;vertical-align: -2px;}
.icon-seowhyFill{font-size: 24px;vertical-align: -4px;}

.icon-fenxiang:before { content: "\e610"; }
.icon-yaoqing:before { content: "\e6f4"; color: #f3a343;}
.text-red{color: #f30;}
.text-large{
    font-size: 150%;
}

/* 绌虹姸鎬� */
.empty-answer{min-height: 200px;text-align: center;padding: 170px 0 50px;background: url(../img/empty-answer-bg.png?20161128) no-repeat;}


/* (MOD)color and font size */

.colorBlue{color: rgba(86,152,218,1);}/* 鎼滃钃濋鑹� #5698da */
.colorOrange{color: rgba(235,90,15,1);}/* 鎼滃姗欓鑹� #eb5a0f */
.colorSystem{color: rgba(120,145,165,1);}/* 绯荤粺鎻愮ず鏂囨湰棰滆壊 #7891a5 */
/*.colorSystem--light{color: rgba(174,193,208,1);}/* 绯荤粺鎻愮ず鏂囨湰棰滆壊(娴呰壊) #aec1d0 */
.colorSystem--light{color: #96a6b3;}/* 绯荤粺鎻愮ず鏂囨湰棰滆壊(娴呰壊) #aec1d0 */

/*绯荤粺杈呭姪鑹�#e9eff4*/
.colorGray{color: rgba(153,153,153,1);}/* 绯荤粺鎻愮ず鏂囨湰婕旂ず #7891a5 */

.fontsize12{font-size: 12px;}
.fontsize14{font-size: 14px;}
.fontsize22{font-size: 22px;}

.color666{color: #666;}

.txt-transition{-webkit-transition: color .15s ease-out;transition: color .15s ease-out;}

/* (MOD)area */
.sw-area{display: block;position: relative;border-radius: 2px;background-color: white;box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px rgba(86,152,218,.2);}

/* (MOD)line */
.sw-line{position: relative;text-align: center;margin-top: 20px;}
.sw-line:before{content: '';position: absolute;top: 50%;left: 0;right: 0;border-bottom: 1px solid #e9eff4;}
.sw-line span{padding: 0 15px;background: #fff;position: relative;}

/* (MOD)tips */
.warm-tips{display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 10px;padding: 15px;}
.warm-tips:last-child{margin-bottom: 20px;}
.warm-tips .iconfont{color: #fff;font-size: 36px;}
.warm-tips--icon{margin-right: 10px;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.warm-tips--content{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-negative: 1;flex-shrink: 1;}
.warm-tips--content .warm-tips--title{font-size: 16px;margin: 0;}
.warm-tips--content .warm-tips--subtitle{margin: 0;font-size: 12px;color: #888;}

.iconfont-fill--uploadAvatar{background-color: #6ec06e;border-radius: 4px;display: block;}
.iconfont-fill--improveProfile{background-color: #f88962;border-radius: 4px;display: block;}
.iconfont-fill--followTopic{background-color: #fcb95b;border-radius: 4px;display: block;}
.iconfont-fill--answerQuestion{background-color: #62b7ed;border-radius: 4px;display: block;}

.iconfont-fill--userCity{background-color: #65cae4;border-radius: 4px;display: block;}
.iconfont-fill--userJoin{background-color: #1ec7be;border-radius: 4px;display: block;}
.iconfont-fill--userViews{background-color: #81b4d6;border-radius: 4px;display: block;}

/* (MOD)notify dot
.notify{position: relative;margin-top: -15px;}
.notify .heartbit{position: absolute;top: -18px;right: -14px;height: 20px;width: 20px;z-inde:10;border: 2px solid #f75b36;border-radius: 70px;-moz-animation: heartbit 1s ease-out;-moz-animation-iteration-count: infinite;-o-animation: heartbit 1s ease-out;-o-animation-iteration-count: infinite;-webkit-animation: heartbit 1s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.notify .point{width: 4px;height: 4px;border-radius: 30px;background-color: #f75b36;position: absolute;right: -6px;top: -10px;}
@-moz-keyframes heartbit{
	0% {-moz-transform: scale(0);opacity: 0;}
    25% {-moz-transform: scale(.1);opacity: .1;}
    50% {-moz-transform: scale(.5); opacity: .3;}
    75% {-moz-transform: scale(.8);opacity: .5;}
    100% {-moz-transform: scale(1);opacity: 0;}
}
@-webkit-keyframes heartbit {
    0% {-webkit-transform: scale(0);opacity: 0;}
    25% {-webkit-transform: scale(.1);opacity: .1;}
    50% {-webkit-transform: scale(.5);opacity: .3;}
    75% {-webkit-transform: scale(.8);opacity: .5;}
    100% {-webkit-transform: scale(1);opacity: 0;}
} */
/* (MOD)data show */
.datashow{text-align: left;overflow: hidden;}
.datashow-item{float: left;padding: 0 20px;border-right: 1px solid #e6e6e6;}
.datashow-item:first-child{padding-left: 0;}
.datashow-item:last-child{border-right: none;padding-right: 0;}
.datashow--count{font-size: 20px;color: #333;}
.datashow--label{font-size: 14px;color: #888;display: block;letter-spacing: .05em;}

/* (MOD)common of button */
.button{cursor: pointer;outline: 0;border: none;display: inline-block;position: relative;margin: 5px 0;text-decoration: none;text-align: center;transition: background .2s,color .15s;padding: 8px 20px 8px;border-radius: 30px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.button:before{border-radius: 30px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: border .15s ease-in-out;}

.button--white{color: #4d4d4d;background: #fff;}
.button--white:hover, .button--white:focus{color: #33a9ff;text-decoration: none;background: #f2f8ff;}
.button--white:before{content: '';border: 1px solid #ccc;}
.button--white:hover:before{border-width: 2px;border-color: #33a9ff;}

.button--blue{color: #fff;background: #33a9ff;}
.button--blue:hover, .button--blue:focus{color: #fff;background: #239af0;text-decoration: none;}
.button--blue:before{content: '';border: 1px solid #33a9ff;}
.button--blue:hover:before{border-width: 2px;border-color: #239af0;}

.button--orange{color: #fff;background: #ec5a12;}
.button--orange:hover, .button--orange:focus{color: #fff;background: #df4d05;text-decoration: none;}
.button--orange:before{content: '';border: 1px solid #ec5a12;}
.button--orange:hover:before{border-width: 2px;border-color: #df4d05;}

.button--green{color: #fff;background: #5bbf5a;}
.button--green:hover, .button--green:focus{color: #fff;background: #38b836;text-decoration: none;}
.button--green:before{content: '';border: 1px solid #5bbf5a;}
.button--green:hover:before{border-width: 2px;border-color: #38b836;}

.button--sm{padding: 4px 10px 4px;}
.button--big{padding: 12px 26px 12px;}
.button--rewardLabel:after{content: '';height: 16px;width: 1px;background-color: #ffad83;display: inline-block;margin: 0 5px 0;vertical-align: -3px;}
.button--reward {padding: 6px 12px 6px;position: absolute;right: 25px;top: 45px;}
.button--reward .iconfont{color: #fff;font-size: 20px;vertical-align: -2px;margin-right: 0;}
.button--rewardLabel{display: inline-block;height: 24px;line-height: 24px;}
.button--rewardLabel .zjtext{width: 0;overflow: hidden;display: inline-block;vertical-align: top;}
.button--reward:hover .zjtext{width: 32px;transition: width .25s ease-in-out;font-weight: normal;}

.button .icon{font-size: 16px;margin-right: 2px;vertical-align: -2px;}

/* (MOD)groups of button */
.button-groups{display: inline-flex;display: -ms-inline-flexbox;display: -webkit-inline-flex;}
.button-groups .button-group{position: relative;display: inline-block;color: rgba(86,152,218,1);;transition: color 50ms linear,background-color 50ms linear;line-height: 32px;font-size: 14px;}
.button-groups .button-group:first-child{border-radius: 4px 0 0 4px;}
.button-groups .button-group:last-child{border-radius: 0 4px 4px 0;}
.button-groups .button-group+.button-group{margin-left: -1px; }

.button-groups .button-group--white{padding-left: 12px;padding-right: 12px;text-align: center;vertical-align: middle;border: 1px solid #d8dde6;background-color: #fff;}
.button-groups .button-group--white:focus,.button-group--white:hover{background-color: #f3f5f8;}
.button-groups .button-group--white:active,.button-groups .button-group--white.active{background-color: #eef1f6}

.button-groups .button-group--sm{padding-left: 6px;padding-right: 6px;line-height: 26px;font-size: 12px;color: rgba(174,193,208,1);}
.button-groups .button-group--big{padding-left: 26px;padding-right: 26px;line-height: 40px;}

/* (MOD)topic-tag */
.indexTopic-tag{display: inline-block;background: #e8e8e8;color: #666;padding: 6px 10px;transition: background .2s,color .15s;}
.indexTopic-tag:hover{background: #dadada;color: #444;}
.indexTopic-tag em{color: #999;margin-left: 2px;}

.indexTopic-tag--blue{background: #e3f1ff;color: #5698da;}
.indexTopic-tag--blue:hover{background: #d5e9fd;color: #458ace;}
.indexTopic-tag--blue em{color: #8fbeed;}

.indexTopic-tag--green{background: #d2fad2;color: #393;}
.indexTopic-tag--green:hover{background: #c3f2c3;color: #2d922d;}
.indexTopic-tag--green em{color: #60bd60;}

/* (MOD)tab-title */
.tab-title{margin-bottom: 15px;border-bottom: 1px solid #e6e6e6;height: 40px;}
.tab-title span{background: #fff;color: #333;border-top: 2px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;float: left;height: 39px; line-height: 40px;padding: 0 20px;position: relative;top: 1px;}

/* (MOD)square-hd */
.square-hd{height: 60px;line-height: 60px;font-size: 14px;padding: 0 25px;border-bottom: 1px solid #e0e8ee;}
.square-hd--title{font-size: 20px;color: #333;}
.square-hd--navs{height: 56px;letter-spacing: .05em;}
.square-hd--navs li{position: relative;float: left;height: 60px;line-height: 60px;padding: 0 12px;}
.square-hd--navs li:not(:last-child):after{content: '';position: absolute;left: 100%;top: 50%;width: 1px;height: 1em;background-color: #e6e6e6;-webkit-transform: translateY(-50%);    transform: translateY(-50%);}
.square-hd--navs li.active a{color: #5698da;}
.square-hd--navs li a{color: #999;display: block;-webkit-transition: color .15s ease-out;transition: color .15s ease-out;}
.square-hd--navs li a:hover{color: #5698da;}
.square-hd--title .iconfont{font-size: 26px;vertical-align: -2px;margin-right: 5px;}

.sw-mn{color: #bbb;background-color: #2c2c2c;padding: 0 10px;position: fixed;margin-top: -30px;width: 100%;z-index: 9999;}
.sw-mn, .sw-mn-bd, .sw-mn-l, .sw-mn-r{height: 30px;}
.sw-mn li{float: left;height: 30px;line-height: 30px;}
.sw-mn li em, .sw-mn li span{color: #fff;padding: 0 5px;margin-left: 3px;border-radius: 3px;}
.sw-mn li em{border: 1px solid #bbb;}
.sw-mn li img{width: 30px;height: 30px;vertical-align: top;}
.sw-mn a, .sw-mn a:visited{display: inline-block;float: left;padding: 0 12px;color: #bbb;text-decoration: none;}
.sw-mn a:hover, .sw-mn a.active{color: #fff;background-color: #1d1d1d;text-decoration: none;}


/* (GLOBAL)header */
.header{background-color: #fff;margin: 30px 0 20px;border-top: 2px solid #fff;box-shadow: 0 1px 2px rgba(0,0,0,.15);    box-shadow: 0 3px 5px -2px rgba(0,0,0,.1);}
.header-inner{width: 1205px;margin: 0 auto;position: relative;}
.header-top{border-bottom: 1px solid #e0e8ee;padding: 16px 0;}
.header-top .header-logo{background: url(../img/logo.png) no-repeat;height: 36px;width: 190px;text-indent: -2000em;float: left;margin-right: 50px;}
.header-top .header-logo a{display: block;height: 36px;width: 190px;}
.header-navs{float: left;}
.header-navs li{display: inline;font-size: 14px;letter-spacing: .05em;position: relative;margin-right: 2px;}
.header-navs li a{color: #666;display: inline-block;padding: 0 10px;}
/*.header-navs li:first-child a{padding-left: 0;}*/
.header-navs li a:hover{color: #3388ff;}
.header-navs li a.active{background-color: #f7f9fa;color: #3388ff;}
/*.header-navs .red-dot{width: 4px;height: 4px;background-color: #f30;position: absolute;top: -0;right: -3px;border-radius: 50%;}*/
.header-top .header-post{float: left;font-size: 16px;}

.header-bottom{height: 40px;line-height: 40px;color: #666;}
.header-u{float: right;color: #6e859d;}
.header-controls{float: right;margin-top: 8px;position: relative;}
.header-controls li{float:left;}
.header-controls li a{color: #666;margin-left: 5px;display: inline-block;padding: 0 5px;}
.header-controls .header-tips{top: 28px;left: 10px;position: absolute;}

.header-controls li span{margin-left: 2px;color: #ec5a12;font-size: 12px;}
.header-avatar{width: 26px;height: 26px;border-radius: 50%;margin-right: 5px;}
/* Fix BootStrap @dropdown */
.header-controls .dropdown-menu{border: 1px solid #d1d1d1;border-top: 2px solid #5698da;margin: 5px 0 0;padding: 0;border-radius: 0;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}
.header-controls .dropdown-menu{padding: 0 0 4px;}
.header-controls .dropdown-menu li{float: none;}
.header-controls .dropdown-menu li a{display: block;height: 36px;line-height: 36px;padding: 0;margin: 0;padding-left: 20px;}
.header-controls .dropdown-menu > li > a:hover, .header-controls .dropdown-menu > li > a:focus {text-decoration: none;color: #262626;background-color: #edf3f9;}
.header-controls .dropdown-menu--title{height: 28px;line-height: 28px;font-size: 12px;background-color: #f7f9fa;padding-left: 20px;color: #999;}
.close{opacity: .8;}

.sw-qdata{border-top: 1px solid #e0e8ee;border-bottom: 1px solid #e0e8ee;height: 82px;}
.sw-qdata--item{padding: 16px 25px;float: left;border-right: 1px solid #e0e8ee;height: 80px;text-align: center;}
.sw-qdata--item:last-child{border-right: none;}
.sw-qdata--item a{display: block;}
.sw-qdata--item span{color: #666;display: block;}
.sw-qdata--item .iconfont{font-size: 32px;}

.sw-qdata--author{overflow: hidden;}
.sw-qdata--author__img{float: left;position: relative;}
.sw-qdata--author__img .iconfont{font-size: 18px;}
.sw-qdata--author__img img{width: 46px;height: 46px;border-radius: 50%;}
.sw-qdata--author__info{float: left;color: #999;font-size: 12px;text-align: left;}
.sw-qdata--author__info b{font-weight: normal;}
.sw-qdata--author__name{font-size: 14px;}
.sw-qdata--status .datashow{margin-top: 2px;}
.sw-qdata .datashow--count{color: #666;}
.sw-qdata-left{float: left;}
.sw-qdata-right{float: right;padding: 16px 15px 0 0;text-align: center;}
.sw-qdata-right .iconfont{vertical-align: -1px;}

.sw-qhandle{padding: 10px 25px;border-bottom: 1px solid #e0e8ee;font-size: 12px;color: #999;}
.sw-qhandle a{padding: 0 5px;}
.sw-qhandle .more-operate a{padding: 0;}

.sw-qhandle, .sw-thandle{background-color: #fbfdfe;}

.wrap{width: 1205px;margin:0 auto;}
.page-cont{float: left;width: 960px;}
.page-side{float: right;width: 225px;}

/* (JUST INDEX)棣栭〉绮鹃€夋帹鑽�.top-recommend */

.top-recommend{width: 490px;float: left;border-top: 2px solid #5698da;margin-right: 20px;position: relative;/*background: #fff url(//cdn.seowhy.com/ask/ask_v3/images/top-recommend-bg.png) top right no-repeat;*/background: #fff url(../img/m6_stmap.png) top right no-repeat;box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px rgba(86,152,218,.2);}
.top-recommend:before{content: '';width: 100px;height: 100%;position: absolute;right: 0;background: -webkit-linear-gradient(right,#fff,rgba(255,255,255,0));background: linear-gradient(to left,#fff,rgba(255,255,255,0));}/*閬僵杩囬暱鏍囬*/
.top-recommend--title{font-size: 18px;height: 52px;line-height: 62px;padding: 0 20px;}
.top-recommend--title .iconfont{margin-right: 2px;color: #5698da;font-size: 26px;vertical-align: -2px;}
.top-recommend--list{padding: 0 0 16px 20px;}
.top-recommend--list li{height: 30px;line-height: 30px;white-space: nowrap; position: relative;}
.top-recommend--list li a{max-width: 400px; overflow: hidden; display: inline-block; text-overflow: ellipsis;}
.top-recommend--list li span{color: #999;display: inline-block;font-size: 12px;margin-left: 5px;position: absolute;}

/* (JUST INDEX)棣栭〉骞荤伅鐗�.top-flash */
.top-flash{width: 450px;float: left;}

/* (JUST INDEX)棣栭〉娉ㄥ唽涓庣櫥褰曞紩瀵� */
.top-login{background: #fff url(../img/top-login-bg.png?v2) bottom right no-repeat;min-height: 230px;margin-bottom: 20px;box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px rgba(86,152,218,.2);}
.top-login--title{height: 50px;border-bottom: 1px solid #e6e6e6;background: url(../img/top-login--title.png?v21);text-indent: -2000em;}
.top-login--cont{padding: 20px;}
.top-login--cont .datashow-item{padding: 0 16px;}
.top-login--cont .datashow-item:first-child{padding-left: 0;}
.top-login--button{padding-top: 20px;}

/* (JUST INDEX)棣栭〉鏈€鏂版偓璧忛棶棰榠ndex-reward */
.index-two{background: #fff url(../img/index-reward-bg3.png?v3) no-repeat;height: 300px;margin-top: 20px;margin-bottom: 20px;}
.index-reward{width: 480px;padding: 8px 0;float: left;}
.index-reward--title{font-size: 18px;height: 52px;line-height: 62px;padding: 0 20px;}
.index-reward--cont .question-list{float: left;width: 470px;padding: 0 20px;}
.index-reward--cont .question-list li{height: 30px;line-height: 30px;overflow: hidden;}
.index-reward--cont .question-list span{color: #ec5a12;text-align: right;width: 40px;display: inline-block;margin-right: 6px;}
.index-reward--cont .question-list b{float: right;color: #999;font-weight: normal;font-size: 12px;}
.index-hot{float: left;width: 480px;}

/* (JUST INDEX)棣栭〉闂鐭╅樀index-box */
.indexBox{margin-bottom: 20px;min-height: 320px;}
.indexBox-l,.indexBox-r{float: left;width: 480px;}

.indexBox--cover{max-width: 220px;min-height: 320px;border-right: 1px solid #e6e6e6;padding: 20px;background-color: #fbfbfb;float: left;}
.indexBox--cover h3{font-size: 18px;margin: 0 0 3px 0;font-weight: bold;}
.indexBox--cover h3 a{color: #666;}
.indexBox--cover span{display: block;font-size: 16px;color: #999;margin-bottom: 5px;}
.indexBox--cover p{font-size: 12px;color: #888;}
.indexBox--tags{margin-top: 20px;}
.indexBox--tags .indexTopic-tag{margin: 0 10px 10px 0;}
.indexBox--link{width: 260px;min-height: 320px;float: left;border-left: none;background: #fff;}
.indexBox--link h5{height: 46px;line-height: 46px;padding: 0 20px;border-bottom: 1px solid #eee;font-size: 16px;}

.indexBox-list{padding: 0 20px;}
.indexBox-list li span{display: block;margin-bottom: 5px;font-size: 12px;color: #aaaaaa;}

.indexBox-r{min-height: 320px;background-color: #fff;border-left: 1px solid #e6e6e6;}
.indexBox-r h5{height: 46px;line-height: 46px;padding: 0 20px;border-bottom: 1px solid #eee;font-size: 16px;}

.indexBox--blue .indexBox--cover{border-right: 1px solid #c0e0ff;background-color: #f9fcff;}
.indexBox--green .indexBox--cover{border-right: 1px solid #75dd75;background-color: #f8fff8;}
.indexBox--blue h3 a{color: #5698da;}
.indexBox--green h3 a{color: #393;}

.cover1{background: #fff url(../img/cover1.png) top right no-repeat;}
.cover2{background: #fff url(../img/cover2.png) top right no-repeat;}
.cover3{background: #fff url(../img/cover3.png) top right no-repeat;}
.cover4{background: #fff url(../img/cover4.png?222) top right no-repeat;}


/* 棣栭〉鎼滃鏈€浣充細鍛� widget-userRank*/
.widget-userRank{position: relative;margin-bottom: 20px;}
.widget-userRank--title{background: url(../img/widget-userRank-bg.png?v20161227) no-repeat;height:120px;font-size: 12px;color: #fff;text-align: center;padding-top: 60px;}
.widget-userRank-bounty .widget-userRank--title{background: url(../img/widget-userRank2-bg.png?v20161227) no-repeat;}
.widget-authorRank .widget-userRank--title{background: url(../img/widget-articleRank-bg.png?v20161227) no-repeat;}
.widget-userRank--img{position: absolute;top: 90px;left: 44px;}
.widget-userRank--img img{border-radius: 50%;box-shadow: 0 0 0 3px #fff;width: 60px;margin-left: -15px;position:relative;}
.widget-userRank--txt{background-color: #fff;padding: 40px 20px 20px;text-align: left;box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px rgba(86,152,218,.2);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.widget-userRank--txt li{padding: 5px;overflow: hidden;border-bottom: 1px solid #ecf2f7;}
.widget-userRank--txt li:last-child{border-bottom: none;}
.widget-userRank--txt li .fleft{float: left;}
.widget-userRank--txt li a{color: #666;}
.widget-userRank--txt li span{color: #999;padding-right: 2px;}
.widget-userRank--txt li .fright{float: right;color: #5698da;font-size: 12px;}
.widget-userRank-bounty .widget-userRank--txt li .fright{color: #eb5a0f;}


/* 棣栭〉鎼滃鐚滀綘鑳借В鍐� widget-guess */
.widget-guess{margin-bottom: 20px;border-top: 1px solid #5698da;position: relative;}
.widget-guess--title{border: 1px solid #5698da;padding: 0 10px;height: 30px;line-height: 30px;width: 150px;border-radius: 20px;color: #fff;position: absolute;top: -12px;left: 38px;background-color: #5698da;text-align: center;}
.widget-guess--cont{padding: 30px 20px 10px;background-color: #fff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.widget-guess--cont a{display: block;margin-bottom: 5px;color: #5698da;}
.widget-guess--cont p{font-size: 12px;color: #666;}
.widget-guess--cont span{font-size: 12px;}

/*widget-party*/
.widget-party{margin-bottom: 20px;}
.widget-party--title{height: 40px;line-height: 40px;padding: 0 20px;background-color: #fff;}
.widget-party--cont{background: #dbefed url(//www.seowhy.com/static/common/widget-party-bg.png?v1) left bottom no-repeat;padding: 20px;}
.widget-party--cont .widget-party--name{display: block;color: #333;margin: 0 0 5px;font-size: 16px;}
.widget-party--cont .widget-party--type{font-size: 12px;display: inline-block;color: #5e9b95;padding: 0 4px;/*border:1px solid #5e9b95;border-radius: 20px;*/margin-bottom: 5px;margin-right: 5px;}
.widget-party--cont p{font-size: 12px;color: #666;margin-bottom: 0;}

/*widget-app*/
.widget-app{padding: 10px 20px;overflow: hidden;margin-bottom: 20px;display: block;}
.widget-app:hover{background: #fcfcfc;}
.widget-app .widget-app--img{width: 48px;margin-right: 10px;float: left;}
.widget-app .widget-app--txt{float: left;}
.widget-app .widget-app--txt h5{font-size: 16px;margin-bottom: 0;}
.widget-app .widget-app--txt p{font-size: 12px;margin-bottom: 0;}

/*widget-app*/
.widget-users{margin-bottom: 20px;}
.widget-users--title{color: #222;border-bottom: 1px solid #e6e6e6;height: 46px;line-height: 46px;font-size: 16px;padding: 0 20px;}
.widget-users--cont{padding: 10px 0 0;}
.widget-users--title .iconfont{color: #ff9500;font-size: 22px;vertical-align: -2px;margin-right: 5px;}
.widget-users--item{position: relative;padding: 10px 20px;}
.widget-users--item .widget-users--avatar{display: inline-block;width: 36px;height: 36px;margin: 0 8px 0 0;border-radius: 3px;}
.widget-users--item .widget-users--button{position: absolute;right: 10px;top: 10px;color: #999;font-size: 12px;}


.widget-users--item .widget-users--info span{font-size: 12px;color: #999;}
.widget-users--item .widget-users--info .widget-users--name{line-height: 1;}
.widget-users--footer{font-size: 12px;padding: 0 20px 10px;}


/* modal for xs */
#xs-modal .modal-content{padding:0;}
#xs-modal .modal-content .modal-header{background: #ec5a12 url(../img/xs-modal-header.png?v20161226) no-repeat;min-height: 140px;padding: 40px 30px 0;color: #fff;border-top-left-radius: 6px;border-top-right-radius: 6px;}
#xs-modal .modal-content .modal-header .modal-title{font-size: 26px;}
#xs-modal .modal-content .modal-header .close{color: #fff;position: absolute;top: 20px;right: 20px;}
#xs-modal .modal-content .modal-body{min-height: 380px;padding: 20px 30px;}
#xs-modal .modal-content .xs-modal-middle{overflow: hidden;}
#xs-modal .modal-content .xs-modal-middle a.money-box{width: 33.33%;float: left;text-align: center;padding: 0 5px;display: block;margin-bottom: 10px;}
#xs-modal .modal-content .xs-modal-middle .money-box-inner{border:1px solid #e6e6e6;padding: 16px 0;border-radius: 3px;}
#xs-modal .modal-content .xs-modal-middle .money-box-inner:hover{border:1px solid #ec5a12;}
#xs-modal .modal-content .xs-modal-middle .money-box-inner.active{border:1px solid #ec5a12;background: rgba(236, 90, 18, 0.04);}
#xs-modal .modal-content .xs-modal-middle .money-box-inner.active .money-box--count{color: #ec5a12;}
#xs-modal .modal-content .xs-modal-middle .money-box-inner .money-box--count{font-size: 20px;color: #333;}
#xs-modal .modal-content .xs-modal-middle .money-box-inner .money-box--label{display: block;font-size: 14px;color: #888;letter-spacing: .05em;font-size: 12px;}

#xs-modal .modal-content .xs-modal-bottom{font-size: 12px;color: #999;border-top: 1px solid #e6e6e6;padding-top: 10px;margin-top: 10px;}
.money-box-title{font-size: 12px;letter-spacing: 1px;margin-bottom: 10px;position: relative;}
.money-box-title:after{content: ' ';display: block;height: 1px;width: 100%;border-bottom: 1px solid #e9eff4;position: absolute;top: 50%;}
.money-box-title span{display: inline-block;position: relative;z-index: 99;background-color: #fff;padding: 0 10px;margin-left: -10px;}

#xs-modal .iconfont{font-size: 26px;margin-right: 5px;vertical-align: -4px;}

#xs-modal .alert{border: none;border-radius: 0;}
#xs-modal .alert .iconfont{font-size: 18px;color: #f30;vertical-align: -2px;margin-right: 2px;}
#xs-modal .alert b{color: #ec5a12;}
#xs-modal .alert{padding: 6px 12px;}

.dashang-selector.disabled{opacity: 0.5;}
.dashang-selector.disabled .money-box-inner{cursor: default;}
.dashang-selector.disabled .money-box-inner.active,.dashang-selector.disabled .money-box-inner:hover{border:1px solid #e6e6e6 !important;}
.pay-way-selector{margin: 10px 0;}
.pay-way-selector a{color: #666;width: 33.33%;float: left;text-align: center;padding: 0 5px;display: block;margin-bottom: 10px;}
.pay-way-selector a .money-box-inner{border:1px solid #e6e6e6;padding: 16px 0;border-radius: 3px;}
.pay-way-selector a .money-box-inner:hover{border:1px solid #ec5a12;}
#xs-modal .pay-way-selector a.active .money-box-inner{background: rgba(236, 90, 18, 0.04);border:1px solid #ec5a12;}
.pay-way-selector a.active .money-box-inner .money-box--count{color: #ec5a12;}
.pay-way-selector a .money-box-inner .money-box--count{font-size: 20px;color: #333;}
.pay-way-selector a .money-box-inner .money-box--label{display: block;font-size: 14px;color: #888;letter-spacing: .05em;font-size: 12px;}
.pay-way-selector a.active{color:#5698da;}
.pay-way-selector a.active.pay-way-weixin .iconfont{color:#00c800;}
.pay-way-selector a.active.pay-way-alipay .iconfont{color:#00bbee;}
.pay-way-selector a.active.pay-way-balance .iconfont{color:#5698da;}
.pay-way-selector a.disabled{opacity: 0.5;}

/* (GLOBAL)footer_bak
.footer{clear: both;background: #fff;margin-top: 20px;}
.footer-top{height: 40px;background: #f9f9f9;}
.footer-middle{overflow: hidden;width: 1205px;margin: 0 auto;}
.footer-ot{float: right;width: 20%;margin-top: 30px;}
.footer-ot img{width: 120px;}
.footer-link{padding: 30px 0;overflow: hidden;float: left;width: 80%}
.footer-link .footer-item{float: left;padding: 0 30px;}
.footer-link .footer-item:first-child{padding-left: 0;}
.footer-link .footer-item--title{font-size: 20px;color: #222;margin-bottom: 10px;}
.footer-link .footer-item--title .iconfont{margin-right: 5px;}
.footer-link .footer-item--link li{line-height: 28px;}
.footer-link .footer-item--link a{color: #666;margin-right: 10px;}
.footer-link .footer-item--link a:last-child{margin-right: 0;}
.footer-bottom{width: 1205px;margin: 0 auto;font-size: 12px;color: #999;height: 36px;line-height: 36px;border-top: 1px solid #eee;}
.footer-bottom-left{float: left;}
.footer-bottom-right{float: right;} */
.m-dot{margin: 0 3px;}
/* (GLOBAL)footer */
.footer{font-size: 14px;border-top: 1px solid #ededed;margin-top: 20px;clear: both;}
.footer h5{font-size: 16px;margin-bottom: 2px;letter-spacing: 2px;color: #3388ff;font-weight: normal;}
.footer-top{background-color: #fafafa;padding: 35px 0;}
.footer-top-in,.footer-bot-in{max-width: 1200px;margin: 0 auto;overflow: hidden;}
.footer-solution,.footer-link,.footer-trade{float: left;padding-bottom:40px;background: url(//www.seowhy.com/static/common/footer-icon.png) no-repeat;padding-left: 45px;margin-right: 25px;}
.footer-solution{background-position: 0 12px;}
.footer-link{background-position: 0 -88px;}
.footer-trade{background-position: 0 -188px;}
.footer-yunaq{float:right;}
.footer-bot{background-color: #f2f2f2;height: 46px;line-height: 46px;color: #9a9a9a;font-size: 12px;}
.footer-bot span{display: inline-block;float: right;font-family: tahoma,arial,sans-serif;}
.footer-bot .footer-ul{float: left;}
.footer-ul{overflow: hidden;}
.footer-ul li{float: left;margin-right: 8px;}
.footer a{color: #888;}
.footer-bot a{color: #9a9a9a;}

/* 淇℃伅娴� timeline */
.timeline{min-height: 500px;}
.timeline .sw-line{margin: 50px auto;}
.timeline-item{padding: 18px 20px;border-bottom: 1px solid #e9eff4;position: relative;background-color: #fff;}
.timeline-item:last-child{border-bottom: none;}
.timeline-item.active{background-color: #fefefe;}
.timeline .user-name{font-size: 12px;color: #aaa;}
.icon-seowhyFill{font-size: 19px;vertical-align: -2px;margin-right: 2px;}
.timeline .aw-comment-box{margin: 0;}

/*  post */
.timeline .post{display: flex;display: -ms-flexbox;display: -webkit-box;text-align: left;width: 100%;}
.timeline .post-hd{position: relative;margin-right: 15px;-webkit-box-flex: 0; }
.timeline .post-hd img{width: 46px;height: 46px;border-radius: 4px;}

.timeline .post-bd{-webkit-box-flex: 1;}
.timeline .post-bd .post-meta{margin-bottom: 5px;font-size: 12px;display: flex;display: -ms-flexbox;display: -webkit-box;}
.timeline .post-bd .post-type{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.timeline .post-bd .post-time{font-size: 12px;}
.timeline .post-bd .post-data{font-size: 12px;color: #aaa;}
.timeline .post-bd .post-data span{margin-right: 15px;}
.timeline .post-bd .post-data .iconfont{vertical-align: -2px;margin-right: 2px;color: rgba(174,193,208,1);}
.timeline .post-bd .post-data .icon-agreeFill{vertical-align: -1px;}
.timeline .post-bd h2{font-size: 16px;margin: 0;line-height: 1.2;margin-bottom: 5px;}
.timeline .post-bd h2 span{font-size: 15px;color: rgba(235,90,15,1);margin-right: 2px;}
.timeline .post-bd h2 .iconfont{color: rgba(235,90,15,1);font-size: 20px;vertical-align: -2px;}
.timeline .post-bd h2 .sw-topic-tag{display: inline-block;background-color: #f6f6f6;padding: 0 6px;height: 26px;line-height: 26px;border-radius: 2px;}
.aw-side-bar .sw-topic-tag{display: inline-block;background-color: #f6f6f6;padding:0 6px;height: 26px;line-height: 26px;border-radius: 2px;margin: 5px 0;}
.aw-side-bar .sw-topic-tag + .sw-topic-tag{margin-right: 5px;}
.timeline .post-bd p{margin: 0;line-height: 26px;}
.timeline .post-bd .less-answer-content{line-height: 26px;}
.timeline .post-bd .text-muted img{float: left;border-radius: 6px;width: 180px;height: 100px;}

.timeline-item .post-bd .post-data .icon-moneyFill{color: rgba(235,90,15,1);margin-right: 2px;font-size: 18px;vertical-align: -2px;}

.timeline-items .timeline-items-li{border-bottom: 1px solid #eee;padding: 15px 0;}
.timeline-items .timeline-items-li:last-child{border-bottom: none;padding-bottom: 0;}
.timeline-items .timeline-items-li:first-child{padding-top: 0;}
.timeline .datashow-item{color: #999;text-align: center;font-size: 14px;background-color: #f0f2f6;width: 46px;height: 46px;padding-top: 4px;border-radius: 2px;}
.timeline .datashow-item.timeline-hot{background-color: #f9f2f4;}
.timeline .datashow-item .datashow--count{font-size: 14px;color: #666;line-height: 1;}
.timeline .datashow-item .datashow--label{font-size: 12px;line-height: 1;}


.timeline .post-hd .answer-avatar{position: absolute;border-radius: 50%;width: 30px;height: 30px;left: 22px;top: 22px;border: 2px solid #fff;}

.timeline-item.unread{background: #fffde9;}
/* 鏂囩珷绫诲垪琛�

post
post-top             -> 缂栬緫鎺ㄨ崘
post-follow          -> 鍏虫敞闂
post-answer          -> 鍥炵瓟闂
post-agree           -> 璧炲悓鍥炵瓟
post-article         -> 鍙戝竷鏂囩珷
post-question        -> 鍙戝竷闂
post-event           -> 鍙戝竷娲诲姩
post-topic           -> 璇濋澧炲姞闂

*/


/* MENU */
.menu{width: 225px;padding: 10px 0;margin-bottom: 20px;padding: 40px 20px 20px;/*border-top: 3px solid rgba(86,152,218,.1);*/background: url(//cdn.seowhy.com/ask/ask_v3/images/menu-bg.png?20161111) top right no-repeat;}
.menu .iconfont{margin-right: 2px;color: rgba(174,193,208,1);vertical-align: -3px;font-size: 25px;}
.menu-nav a, .menu-nav--title{display: block;padding: 5px;}
.menu-list a{border-radius: 2px;color: #4a4a4a;display: block;padding: 5px 10px;}
.menu-list a:hover,.menu-list a.active {background-color: #f9f9f9;color: rgba(86,152,218,1);border-radius: 2px;}
.menu-list li ul{border-left: 1px solid #e9eff4;margin: 8px 12px;padding-left: 10px;}
.menu-label{font-size: 12px;letter-spacing: 1px;margin-bottom: 2px;position: relative;}
.menu-label:after{content: ' ';display: block;height: 1px;width: 100%;border-bottom: 1px solid #e9eff4;position: absolute;top: 50%;}
.menu-label span{display: inline-block;position: relative;z-index: 99;background-color: #fff;padding: 0 10px;margin-left: -10px;}
.menu-label:not(:first-child){margin-top: 10px;}

/* NAV */
.nav{display: flex;display: -webkit-box;display: -ms-flexbox;min-height: 66px;position: relative;text-align: center;background-color: #fff;}
.nav > .nav-inner{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 66px;width: 100%;border-bottom: 1px solid #e9eff4;padding: 0 20px;}
.nav-left{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;overflow: hidden;}
.nav-item{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 16px;}
a.nav-item span{font-size: 12px;padding-left: 5px;}
a.nav-item{color: #363636;font-size: 16px;}
a.nav-item:hover{color: #363636;}
a.nav-item.is-active{color: #363636;font-weight: bold;}
a.nav-item.is-tab{border-bottom: 1px solid transparent;border-top: 1px solid transparent;padding-left: 14px;padding-right: 14px;}
a.nav-item.is-tab:hover{border-bottom: 1px solid #c1d1dc;border-top: 1px solid transparent;}
a.nav-item.is-tab.is-active{border-bottom: 3px solid #5698da;border-top: 3px solid transparent;color: #5698da;}

/*user-page*/
.userPage-hd{background: #fff;}
.userPage-hd .aw-user-detail-title{background: #fbfdfe;position: relative;padding: 20px 25px 20px 170px;}
.userPage-hd .sw-qdata{padding-left: 145px;}
.userPage-hd .user-avatar{position: absolute;top:25px;left: 25px;border-radius: 10%;width: 120px;height: 120px;border: 3px solid #fff;}
.userPage-hd .user-name{font-size: 22px;color: #363636;margin-bottom: 0;}
.userPage-hd .user-name .iconfont{font-size: 26px;vertical-align: -2px;margin-left: 2px;}
.userPage-hd .user-signature{color: #9cacbb;margin-bottom: 0;}


/* 缂栬緫鍣� 浼樺寲 */
#fe-editor{width:100%;}
.wangEditor-menu-container .menu-item:hover i {color: #5698da;}
.wangEditor-menu-container .menu-item .active, .wangEditor-menu-container .menu-item:hover{background-color: #f6f6f6;}

@media (min-width: 992px) {
    .col-md-9{width: 79.75%;}
    .col-md-3{width: 18.673%;}
}


/*ad*/
.aListImage{margin-bottom: 10px;}
.aListImage a{display: block;margin-bottom: 5px;}
.aList{border-bottom: 1px solid #ecf2f7;background-color: #fdfeff;padding: 3px 0;}
.aList ul{display: flex;display: -ms-flexbox;display: -webkit-box;text-align: left;width: 100%;}
.aList li{text-align: center;-webkit-box-flex: 1;}
.aList li.aTxt{color: #ddd;font-size: 12px;-webkit-box-flex: 0;}
.aList li a{font-size: 12px;color: #666;padding: 0 5px;}
.aList li a:hover{text-decoration: underline;}
.aList li a b{color: red;font-weight: normal;}

/* 鏈€浣冲洖澶嶆爣璇� */
.aw-feed-list{position: relative;}
.bestAnswer-ribbon{position: absolute;right: 57px;top: 17px;color: #fff;z-index: 300;}
.bestAnswer-ribbon span{position: relative;display: block;text-align: center;background: #F8463F;font-size: 16px;line-height: 1;padding: 20px 0px;border-top-left-radius: 8px;width: 100px;}
.bestAnswer-ribbon span:before,.bestAnswer-ribbon span:after{position: absolute;content: "";}
.bestAnswer-ribbon span:before{height: 6px;width: 6px;right: -6px;top: 0;background: #F8463F;}
.bestAnswer-ribbon span:after{height: 6px;width: 8px;right: -8px;top: 0;border-radius: 8px 8px 0 0;background: #C02031;}

/*鎺ㄨ崘鐑鏍囪瘑*/
.recommend-stamp{font-size:12px;color:#ec5a12;margin-left: 5px;}
.recommend-stamp .iconfont{font-size:14px;color:#ec5a12;}

/* 鍔犺浇鏉� */
.pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.pace-inactive {display: none;}
.pace .pace-progress {background: #5698da;position: fixed;z-index: 2000;top: 0;right: 100%;width: 100%;height: 2px;}

.mod-file{position:relative;display:inline-block;overflow:hidden;vertical-align:middle;*display:inline;*zoom:1;}
.mod-file .mod-input-file{ position:absolute; top:0px;left:0; height:64px;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);cursor:pointer;_font-size:100px; _font-size:12px;_zoom:10;_height:auto;}
.filetext{padding-top: 10px;}

/*pjax*/
.pjax-loader-bar { position: fixed; top: 0; left: 0; z-index: 40; opacity: 0; -webkit-transition: opacity 0.4s linear 0.4s; transition: opacity 0.4s linear 0.4s; }
.pjax-loader-bar.is-loading { opacity: 1; -webkit-transition: none; transition: none; }
.pjax-loader-bar .progress { position: fixed; top: 0; left: 0; height: 2px; background: #77b6ff; box-shadow: 0 0 10px rgba(119,182,255,0.7); -webkit-transition: width 0.4s ease; transition: width 0.4s ease; }

.fe-load-more-content{position:relative;overflow: hidden;height: 34px;line-height: 34px;background-color: #fafafa;text-align: center;cursor: pointer;color: #999;}
a.fe-load-more-content{display: block;}
.fe-load-more-content > a{display: inline;}
.fe-load-more-content:hover{background: #499ef3;color: #fff;}
.fe-load-more-content:hover a, .fe-load-more-content:hover span{background-color:#499ef3;color: #fff;}
.fe-load-more-content.loading{background-image: url(../img/ajax-loader.gif);background-repeat:no-repeat;background-position:center center;background-color: #f6f6f6;}
.fe-load-more-content.loading span{font-size: 0px;}
.fe-load-more-content.loading img{opacity: 1;}
.fe-load-more-content.disabled{background-color: #fff;border:1px solid #f5f5f5;}
.fe-load-more-content.disabled:hover span{background-color: transparent;color: #999;}
.fe-load-more-content.warmming{display:none;background:#f4fbff;border:1px solid #cbe1f0;font-size: 12px;}
.text-default{color:#555;}
.city-selector{padding:10px 15px;}
.city-selector a{padding:5px;}
.city-selector a:first-child{padding-left:0;}
.city-selector a:last-child{padding-right:0;}

/* 鍒嗕韩涓嬫媺 */
.aw-dropdown.shareout{top: 100%;width: 100px;}
.share-out{position:relative;}
.aw-dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 105%;
    z-index: 9999;
    width: 100%;
    min-width: 110px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.open .aw-dropdown{display: block;}
.aw-dropdown-list{margin:0;}
.aw-dropdown .aw-dropdown-list li:first-child {
    border-top: none;
}
.aw-dropdown .aw-dropdown-list li {
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 10px !important;
    border-top: 1px solid #f0f0f0;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
}

.helped-list{margin:10px auto;}
.helped-list-hd{border: 1px solid #e4eaee;padding-left: 20px;font-size: 15px;color: #546d7e;background: #f5f8fa;border-bottom: 1px solid #e4eaee;line-height: 44px;height: 44px;overflow: hidden;}
.helped-list-hd span{color: #f63;padding-right: 5px;}
.helped-list-bd{border: 1px solid #e4eaee;border-top: 0;overflow: hidden;padding: 20px 10px 10px 20px;}
.helped-list-bd ul{overflow: hidden;}
.helped-list-bd li{float:left;margin: 0 10px 10px 0;color: #888;}
.helped-list-bd li a.helped-list-tit{width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
.helped-list-bd li em{padding:0 5px;}
.you_like{margin-bottom: 20px;}
.y1{background: url(../static/common/you_like_bg_1.jpg) no-repeat right bottom;}
.y2{background: url(../static/common/you_like_bg_2.jpg) no-repeat right bottom;}
.y3{background: url(../static/common/you_like_bg_3.jpg) no-repeat right bottom;}
.you_like_hd{border: 1px solid #e4eaee;padding-left: 20px;font-size: 15px;color: #546d7e;background: #f5f8fa;border-bottom: 1px solid #e4eaee;line-height: 44px;height: 44px;overflow: hidden;}
.you_like_hd span{color: #f63;padding: 0 5px;}
.you_like_hd b{float: right;padding-right: 20px;font-size: 12px;font-weight: normal;}
.you_like_bd{border: 1px solid #e4eaee;border-top: 0;overflow: hidden;padding: 20px;}
.you_like_bd li{height: 36px;line-height: 36px;overflow: hidden;border-top: 1px dashed #e2e2e2;}
.you_like_bd li:first-child{border-top: none;}

.you_like_bd p{text-align:center;}

/*invite*/
.aw-invite-box{width:100%;position:relative;width:100%;margin:10px auto;border:1px solid #e6e6e6;}
.aw-invite-box .aw-mod-head{padding: 10px;border-bottom:none;background-color: #fff;}
.aw-invite-box .aw-mod-head .search-box{position:relative;width:220px;margin:0;}
.aw-invite-box .aw-mod-head .invite-list{max-width:435px;height:32px;line-height: 32px;overflow:hidden;margin:0;font-size: 12px;}
.aw-invite-box .aw-mod-head .invite-list img{width:25px;height: 25px;border-radius: 25px;}
.aw-invite-box .aw-mod-head input{width: 200px;}
.aw-invite-box .aw-mod-head .fa-search{position: absolute;right: 30px;top: 10px;}
.aw-invite-box .aw-mod-body{padding:10px 15px;border-top: 1px solid #E2E2E2;}
.aw-invite-box .aw-mod-body ul{width:103%;overflow: hidden;margin-left:-10px;}
.aw-invite-box .aw-mod-body ul li{position:relative;float: left;width:30%;margin:10px;}
.aw-invite-box .aw-mod-body ul li .main{padding-left: 50px;}
.aw-invite-box .aw-mod-body ul li p{margin:0;font-size: 12px;color: #999;padding: 0 5px;}
.aw-invite-box .aw-mod-body ul li img{width: 40px;height: 40px;}
.aw-invite-box .aw-mod-body .btn-normal{width:60px;font-size: 12px;}
.aw-invite-box .aw-mod-footer{height:36px;line-height:36px;border-top: 1px solid #E2E2E2;text-align: center;margin: 0}
.aw-invite-box .aw-mod-footer a.active{color: #999;cursor: default;}
.aw-invite-box .aw-dropdown{margin-top:10px;}
.aw-invite-box .tab-content{background-color: #fff;}
.fold-link{display: block;background: #f9f9f9;padding: 6px 0;text-align: center;}

/*闂鍒楄〃鎻愮ず*/
.user-warm{padding: 30px 0;display: flex;display: -ms-flexbox;display: -webkit-box;border-bottom: 1px solid #e9eff4;}
.user-warm-item{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 0 30px;overflow: hidden;}
.user-warm-item:first-child{border-right: 1px solid #e6e6e6;}
.user-warm-icon{float: left;width: 150px;height: 100px;margin-right: 20px;}
.user-warm-icon{background: url(../img/user-warm.png?v1) no-repeat;}
.user-warm-icon--tx{background-position: 0 0;}
.user-warm-icon--qm{background-position: 0 -100px;}
.user-warm-info h5{font-size: 18px;font-weight: bold;margin-bottom: 0;}
.user-warm-info p{font-size: 12px;}
.user-warm-info .button{padding: 4px 20px 4px;}


.sameAak{border-top: 1px solid #cceadb;border-bottom: 1px solid #cceadb;padding-left: 10px;padding: 20px 20px 14px;background-color: #fbfffd;margin-bottom: 20px;}
.sameAsk-title{font-size: 16px;margin-bottom: 5px;color: #2a6;}
.sameAsk-title .iconfont{font-size: 16px;margin-right: 5px;color: #2a6;}
.sameAsk-item{border-bottom: 1px solid #ecf2f7;padding: 6px 0;}
.sameAsk-item:last-child{border-bottom: none;}
.sameAsk-item-data{font-size: 12px;color: #999;margin: 0;}

.adminBar{padding: 5px 25px;border-bottom: 1px solid #e0e8ee;font-size: 12px;color: #999;}
.adminBar a{color: #666;padding: 0 5px;}

.link-tips{
    padding:0 5px;
    cursor: pointer;
    color: #999;
    font-size: 12px;
}
.account-area{
    padding: 50px 0;
}

/* 鍏ㄥ眬loading鏍峰紡 */
#fe-loading{position:fixed;top:50%;left:50%;z-index: 10001;margin: 0 0 0 -20px;width: 48px;height: 48px;border-radius: 5px;background:#000 url('../img/loading.gif');opacity: 0.75;filter: alpha(opacity=75);}
#fe-loading-box{width:48px;height:48px;}
.fe-loading{display:inline-block;width:16px;height:16px;}

.event-description{
    margin-top: -30px;
}
.relation-topic{
    padding: 20px;
}
.side-reward .media{
    margin-top: 10px;
}
.side-reward .media-heading{
    margin-bottom: 0;
    font-weight: normal;
}
.side-reward .media-object{
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
.job-item{
    white-space: nowrap;
}
.job-item:last-child{
    border-bottom: 1px solid #e9eff4;
}
.job-item:nth-child(odd){
    background: #f5f6f7;
}
.job-item a{
    display: block;
}
.event-data li b{
    color: #111;
}
.aw-site-detail-title{min-height: 140px;padding:20px;display: table;}
.aw-site-detail-title div{display: table-cell}
.aw-site-detail-title .site-img{max-height: 50px;max-width: 220px;}


.member {
    background-color: #D6DADC;
    border-radius: 3px;
    color: #4d4d4d;
    display: block;
    float: left;
    height: 40px;
    width: 40px;
    margin: 0 4px 0 0;
    position: relative;
    user-select: none;
    z-index: 0;
}
.member-initials{
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.member-gold-badge {
    font-size: 18px;
    vertical-align: -5px;
    color: #fff;
    position: absolute;
    bottom: -5px;
    right: -5px;
    left:auto;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
}
.question-avatar{
    width: 46px;
    height:46px;
}
.question-avatar .member-initials{
    font-size: 20px;
    line-height:46px;
}
.order-avatar{
    width: 58px;
    height:58px;
    position:relative;
    overflow: inherit !important;
}
.order-avatar .member-initials{
    font-size: 24px;
    line-height:58px;
}
.order-avatar img{
    max-width: 58px;
}


/*通用部分*/
.didi_top_bg
{
	width:100%;
	background:#fff;
	box-shadow: 0 3px 5px -2px rgba(0,0,0,.2);
}
.txt_login
{
	color:red;
}
.logo_didi
{
	margin-top:20px;
	margin-left:45px;
}
#msg_logo
{
	background-image:url("/static/images/msg_1.gif");
	background-size: cover;
    display: block;
    width: 12px;
    height: 12px;
    margin-bottom: -26px;
    margin-top: 8px;
	float: left;
}
.login_contain
{
	width:160px;
}
/*layui 样式修改部分*/
.layui-layer-title {
    font-size: 16px;
    color: #001A33;   
}



/*LycEcho   简易css*/
.fr{
    float: right;
}
.fl{
    float: left;
}
.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}
.main{
    background-color: #f9f9f9;
    padding: 10px 0;
}
.width1200
{
    max-width: 1200px;
    margin: 10px auto;
}
.content{
    max-width: 1200px;
    margin:10px auto;
    background-color:#fff;
    overflow: hidden;
}
.block{
    display: block;
    width: 100%;
}
.unBlock{
    display: inline-block;
}
.textCen{
    text-align: center;
}
.fwb{
    font-weight: bold;
}
.layui-icon-close{
    font-weight: bold;
    position: absolute;
    color: #e51624;
}
.layui-icon-close:hover{
    border: 1px solid #000;
    cursor: pointer;
}


.twoCols{
    line-height: 14px;font-size: 10px;
}

.logoY{
    display:  inline-block;  width:  190px;  font-size: 16px; position: relative; top: -30px; font-weight: 400; margin-left: 6px;
}
.logoR{
    font-size: 14.5px; position: absolute;  top: 26px;  left: 0; font-weight: 400;
}

.color
{
   color: #3388ff;
}
.color-white {
    color: #fff;
}
.layui-table-sort {
    margin-left: 0;
}
.layui-table th {
    font-weight: 600;
}
.layui-tab-title li {
    font-weight: 600;
}

@media screen and (max-width:768px) {
    .didi_topLogo {
       margin-left: 0;
        margin-top: 5px;
    }
    .didi_top{
        height:50px;
    }
    .vipclass{
        margin-top: 15px !important;
    }
    .didi_top .didi_topnav{
        margin-top: 10px;
    }
    .logoY{
        font-size: 16px;
        display: none;
    }
    .logoR{
        display: none;
    }
    ul.userinfo-ul{
        padding: 0px 0 20px 2px !important;
    }
}

.slg{
    width: 1200px;
    margin:auto;
    color:#888;
}
.slg a{
    color: #3388ff !important;
}
.crumbs-div{
    position: relative;
}
.crumbs-div-p{
    position: absolute;
    left:  15px;
    top: 15px;
    color:#333;
    font-size:13px;
    padding: 3px 0 3px 8px;
    border-left: 5px solid #ee2e2c;
}

.sellIndex .layui-input-inline{
    width: 98%;
    display: flex;
    justify-content: space-between;
    margin: 20px auto 0;
}

.sellIndex .linkMessage_mlcont{
    padding: 0 !important;
}

.sellIndex .crumbs-div-p{
    position: relative;
    top:0;
    left: 0;
    width: 96%;
    margin: 15px auto 10px;
    color: #333;
    font-size: 13px;
    padding: 3px 0 3px 8px;
    border-left: 5px solid #ee2e2c;
}

.crumbs-div-p a{
    color:#333;
    font-size:15px;
}
.crumbs-div-p a:hover {
    color: #e60012;
}
.crumbs-div-tail {
    color: #dd0213;
    font-size: 15px;
}
.shadow-form{min-height: 200px;background: #FFF;border: 1px solid #dae5eb;    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);border-radius: 4px;margin-bottom: 20px;vertical-align: top;}
.shadow-tips{background: #FFF;border: 1px solid #dae5eb; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);border-radius: 4px;margin-bottom: 30px;vertical-align: top;}


.foot_div {
    width: 890px;
    margin: 0 auto;
    padding: 40px 0 32px;
}

.foot_inside {
    display: flex;
    justify-content:  space-between;
    padding-bottom: 56px;
}

.foot_link {
    display: flex;
    justify-content: space-between;
    width: 630px;
}

.foot_service_link {
    width: 100%;
}

.foot_service_link
a {
    display: block;
    padding-top: 20px;
    font-size:  12px;
}

.foot_service {
    width: 200px;
}

.foot_title {
    font-size: 14px;
    color: #323232;
}

.foot_service_link a:hover {
    color: #333;
}

.foot_link_qq_title {
    font-size:  14px;
    padding-bottom: 14px;
}

.foot_link_qq_content {
    font-size: 20px;
}

.foot_contact_divide {margin: 20px 0;width:  20px;height: 1px;background-color: #333;}

.foot_link_weixin_title {
    font-size: 14px;
    padding-bottom: 14px;
}

.foot_bottom {
    text-align:  center;
}

.foot_bottom_record ,.foot_bottom_record a {
    font-size:  12px;
    color:  #828282;
}

.foot_bottom_record
a:hover {
    color:  #666;
}
.foot_link_weixin_content {
    display:  flex;
}

.foot_weixin_content {width:  27px;position:  relative;margin-right: 40px;}

img.foot_weixin_content_ico {
    width:  27px;
}

.foot_weixin_content_img {
    display: none;
    position:  absolute;
    min-height: 280px;
    width:  230px;
    left: -102px;
    bottom: 35px;
    background: #fff;
    text-align: center;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    padding: 20px;
    box-sizing: border-box;
}

.foot_weixin_tips1 {
    font-size:  16px;
    color:  #333;
}

.foot_weixin_tips2 {
    font-size:  14px;
    color:  #888;
}

.foot_weixin_content_img img {
    width:  190px;
}

.foot_weixin_content:hover .foot_weixin_content_img {
    display: block;
}



.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span {
    border: 1px solid #e2e2e2;
    font-size: 12px;
    vertical-align: middle;
    padding: 0 15px !important;
    height: 28px;
    line-height: 28px;
    margin-bottom: 5px;
    margin-left: 0px!important;
}

.layui-table-page .layui-laypage-default .layui-laypage-limits{
    padding-left: 10px !important;
    padding-right: 0 !important;
    height: 30px;
}


.layui-table-page .layui-laypage span.layui-laypage-skip{
    border: none;
}

.layui-table-page .layui-laypage a.layui-disabled {
    display: none;
}
.layui-table-page .layui-laypage span.layui-laypage-curr {
    border: 1px solid #3388ff;
    border-radius: 4px;
}
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
    border: none;
}

.layui-table-page .layui-laypage {
    margin-top: 4px;
}
.layui-table-page {
    height: 51px;
}
.layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border-color: #aaa;
}

/*站内沟通*/
.stationTask  .face{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.stationTaskList{
    display: flex;
}





/*全站手机号验证*/
.globalMobileVerifyDiv{
    display: flex;
    margin: 30px;
}
.globalMobileVerifyDiv .tips{
    width: 45%;
}
.globalMobileVerifyDiv .layui-form{
    width: 55%;
}
.globalMobileVerifyDiv .layui-input-block{
    margin-left: 100px;
    display: flex;
}
.globalMobileVerifyDiv .submit{
   text-align: center;
}
.globalMobileVerifyDiv .tips{
    padding-right: 5%;
    border-right: 1px dashed #e4e4e4;
}
.globalMobileVerifyDiv .tipsContent{
    font-size: 12px;
    margin-top: 10px;
    color: #5d5d5d;


}
.globalMobileVerifyDiv .tipsItem{
    margin: 5px 0;
}
.market-weight.weight {
    width: 60px;
}
.link-to {
    display: inline-block;
    font-size: 10px;
    border: 1px solid #3388ff;
    border-radius: 3px;
    padding: 0 2px;
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
}
.old-keyword {
    color: #777;
    font-size: 12px;
    background-color: #dcf9dd;
}
.extension {
    width:  100%;
}

.extension p {
    text-align: center;
}

.extension img {
    max-width: 100%;
    max-height: 220px;
    padding: 5px 0 20px;
}

.extension textarea {
    background: #ffffff;
    border: 1px solid #eeeeee;
    resize: none;
    width: 98%;
    height: 68px;
    padding: 1%;
    margin: 15px 0;
    font-size: 16px;
}

.extension .copy {
    text-align: center;
}
.extension .copy a{
    background-color: #e60012;
    border-radius: 5px;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
}

/*百度权重图片 star**/
.weight{
    background: url(/static/images/baidupc.png) no-repeat center center;
    color: #fff;
    padding-left: 24px;
    height: 22px;
    line-height: 22px;
    background-size: contain;
}
/* 谷歌 */
.googleWeight{
    background: url(/static/images/googlepc.png) no-repeat center center;
    color: #fff;
    padding-left: 24px;
    height: 28px;
    line-height: 28px;
    background-size: contain;
}
/* DR */
.DRWeight{
    background: url(/static/images/DR.png) no-repeat center center;
    color: #fff;
    padding-left: 24px;
    height: 28px;
    line-height: 28px;
    background-size: contain;
}
.weight-reload {
    position: absolute;
    right: 5px;
    font-size: 12px !important;
    top: 5px;
}
.mysite-refresh{
	position: absolute;
	top: 28px;
	right: 5px;
	font-size: 12px !important;
}
/*百度权重图片 star**/
.didiWeight{
    background: url(/static/didi/didiPc.png) no-repeat center center;
    color: #fff;
    padding-left: 24px;
    height: 22px;
    line-height: 22px;
    background-size: contain;
}
.didi-icp {
    font-size: 12px;
    margin-top: 4px;
    color: gray;
}
.didi-icp.active {
    color: green;
}
.doamin-year {
    font-size: 12px;
}
.show-tool-tips {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}
.bankeywordIcoImg, .askIcoImg {
    margin-left: 3px;
    margin-top: -2px;
}
.order-success-num {
    font-weight: bold;
    vertical-align: bottom;
    cursor: pointer;
    font-size: 18px;
}
.layui-icon-slider {
    margin-left: 6px;
}
.monitorSwitch{
    margin-top: 5px;
}
.w-monitor.on{
    border-color: #2984f3;
    background: #2984f3;
    color: #fff;
}

.w-monitor{
    line-height: 19px;
    height: 25px;
    width: 85px;
    border-radius: 15px;
    border: 1px solid #d2d2d2;
    margin: 5px auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.w-monitor .layui-icon{
    margin-left: 5px;
    margin-right: 5px;
    top: 2px;
    position: relative;
}
.w-monitor.onx {
    border-color: #5fb878;
    background: #5fb878;
    color: #fff;
}
.upload_p {
    margin-top: 15px;
}
.neilian-tips {
    font-size: 12px;
}